.block-basic,
.block-simple {
	.item {
		align-items: center;
		min-height: 45px;
		margin-bottom: -1px;
		color: #555555;
		border: 1px solid #e8e8e8;
		.info-title {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			background-color: #f7f7f7;
			border-right: 1px solid var(--el-color-primary-light-9);
		}
		.info-text {
			padding: 0 15px;
		}
	}
	.group-title {
		display: inline-block;
		min-width: 60px;
		margin-bottom: 4px;
		line-height: 32px;
		span {
			font-size: 15px;
			font-weight: bold;
		}
	}
	.group-item:last-child {
		margin-bottom: 0;
	}
}
.data-sensor-nav {
	padding: 4px 15px 0;
	background: #eeeeee;
	.nav-item {
		min-width: 100px;
		cursor: pointer;
		.label {
			height: 21px;
		}
	}
	.nav-item.active,
	.nav-item:hover {
		background: #ffffff;
	}
}
.gateway-plc-tabs {
	.el-tabs__header {
		padding: 15px 30px 0;
	}
}
.history-img-list {
	padding: 15px;
	background: #ffffff;
	.history-img-item {
		border: 2px solid #e8e8e8;
	}
	.history-img-item.empty-item {
		border: none;
		.empty-container {
			position: relative;
			width: 230px;
			height: 300px;
			padding-top: 60px;
			margin: auto;
			font-size: 20px;
			color: #aaaaaa;
			text-align: center;
			.text {
				position: absolute;
				bottom: 13%;
				left: 50%;
				transform: translateX(-50%);
			}
		}
	}
}
.toggle-mini-table {
	position: absolute;
	top: -20px;
	right: 5px;
	width: 34px;
	padding: 2px;
	color: var(--el-color-primary);
	text-align: center;
	cursor: pointer;
	background: #e8e8e8;
}
.mini-table {
	width: 100%;
	height: 100%;
	.el-table-v2__table {
		width: 100%;
		height: 100%;
	}
	.el-table__header {
		th.el-table__cell {
			height: 25px;
			font-weight: bold;
			color: #555555;
			background-color: var(--el-fill-color-light);
		}
	}
	.el-table__row.current-row {
		color: var(--el-color-primary);
	}
	.el-table__cell {
		padding: 0;
		font-size: 12px;
		.cell {
			line-height: 20px;
		}
	}
}
.file-table-pagination {
	.el-select .el-input {
		width: 70px;
	}
}

//扩展文件信息
.ext-file-info {
	position: absolute;
	bottom: -60px;
	display: flex;
	align-items: center;
	width: calc(100% - 100px);
	height: 55px;
	padding-left: 15px;
	overflow: hidden;
}
.el-dialog__footer {
	padding: 10px 16px;
}
.el-dialog {
	.el-card__body {
		width: 100%;
		height: 100%;
		padding: 0;
	}
	.card-item-active {
		position: relative;
		box-sizing: border-box;
		border: 1px solid var(--el-color-primary);
		&::before {
			position: absolute;
			top: -22px;
			right: -22px;
			z-index: 9;
			width: 42px;
			height: 42px;
			content: " ";
			background: var(--el-color-primary);
			opacity: 0.8;
			transform: rotate(45deg);
		}
		&::after {
			position: absolute;
			top: 1px;
			right: 2px;
			z-index: 9;
			font-family: iconfont !important;
			font-size: 12px;
			font-style: normal;
			color: #ffffff;
			content: "\e879";
		}
	}
}
.block-content {
	padding: 15px;
	background-color: #ffffff;
	.block-title {
		display: flex;
		&::before {
			width: 4px;
			height: 18px;
			margin-right: 10px;
			content: "";
			background-color: var(--el-color-primary);
		}
	}
	.item {
		align-items: center;
		min-height: 45px;
		margin-bottom: -1px;
		margin-left: -1px;
		color: #555555;
		border: 1px solid #dddddd;
		.info-title {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			background-color: #f1f1f1;
			border-right: 1px solid var(--el-color-primary-light-9);
		}
		.info-text {
			flex: 1;
			padding: 0 15px;
		}
	}
	.card.table {
		padding: 0;
	}
}
